<div class="Layer cover industryLayer" ng-show="showIndustryLayer">
  <div class="layerBody">
    <div class="controlTitle textTitle">选择行业</div>
    <div class="closeLayer" ng-click="ifShowIndustryLayer()"><i class="iconfont bigSize">&#xe608;</i></div>
    <div class="selectContain">
      <select name="platName" id="">
        <option value="1">平台一</option>
        <option value="2">平台二</option>
      </select>
    </div>
    <div class="main clear">
      <div class="leftPart fl">
        <div class="searchBox clear">
          <input type="text" placeholder="行业类型关键字" class="fl">
          <button class="searchBtn fl">搜索</button>
        </div>
        <div class="chooseContain clear">
          <div class="titleArea">
            <span class="first">平台名称</span>
            <span class="second">行业类型</span>
            <span></span>
          </div>
          <ul class="platName fl">
            <li>百度百度百度</li>
            <li>腾讯</li>
            <li>阿里</li>
          </ul>
          <ul class="industryType fl">
            <li>网络设备</li>
            <li>通讯</li>
            <li>游戏</li>
          </ul>
          <ul class="chooseBox fr">
            <li>
              <div class="fCheckBox noSelect">
                <input type="checkbox"  id="dayCount" ng-model='resuleObj.dayCount'>
                <label class="" for="dayCount"></label>
              </div>
            </li>
            <li>
              <div class="fCheckBox noSelect">
                <input type="checkbox"  id="dayCount" ng-model='resuleObj.dayCount'>
                <label class="" for="dayCount"></label>
              </div>
            </li>
            <li>
              <div class="fCheckBox noSelect">
                <input type="checkbox"  id="dayCount" ng-model='resuleObj.dayCount'>
                <label class="" for="dayCount"></label>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="rightPart fl">
        <div class="haveChosedTitle">已选择</div>
        <ul class="haveChosed">
          <li class="clear"><span class="fl">百度-网络设备</span><span class="fr closeBtn"></span></li>
          <li class="clear"><span class="fl">百度-网络设备</span><span class="fr closeBtn"></span></li>
          <li class="clear"><span class="fl">百度-网络设备</span><span class="fr closeBtn"></span></li>
        </ul>
      </div>
    </div>
    <!--<div class="button btns">-->
      <!--<button class="btn btn-radius btn-lg btn-warning back" ng-click="ifShowIndustryLayer()">取消</button>-->
      <!--<button class="btn btn-radius btn-lg btn-warning" ng-click="sureChose()">确认</button>-->
    <!--</div>-->
    <div class="btnContainer">
      <button ng-click="ifShowIndustryLayer()">取消</button>
      <button ng-click="sureChose()">确定</button>
    </div>
  </div>
</div>
<style>
  .timeLayer .layerBody{
    width: 990px;
    height: 560px;
  }
  .Layer .layerBody{
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 30px 30px 60px 30px;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
  }
  .Layer .layerBody .textTitle{
    margin-top: 0px;
  }
  .Layer .closeLayer{
    width:20px;
    height:28px;
    position:absolute;
    right:30px;
    top:30px;
    cursor: pointer;
  }
  .Layer .btns{
    width:340px;
    margin-top: 60px;
    position: relative;
    left:50%;
    transform: translateX(-50%);
  }
  .industryLayer .selectContain select{
    width:375px;
    height:42px;
    font-size: 16px;
    color:#393d40;
    padding-left: 16px;
    padding-right:30px;
    margin-bottom: 30px;
    background-image: url(../../../../../lib/img/icon-down.png);
    background-repeat: no-repeat;
    background-position: 350px center;
  }
  .industryLayer .main{
    width:745px;
  }
  .industryLayer .main .leftPart{
    width:400px;
    margin-right: 40px;
  }
  .industryLayer .main .leftPart .searchBox{
    margin-bottom: 8px;
    width:402px;
  }
  .industryLayer .main .leftPart input{
    width:300px;
    height:42px;
  }
  .industryLayer .main .leftPart .searchBtn{
    width:100px;
    height:42px;
    line-height: 42px;
    text-align: center;
    font-size: 18px;
    color:#fff;
    background-color: #ffb135;
    border:none;
  }
  .industryLayer .main .leftPart .chooseContain{
    width:100%;
    height:340px;
    border:1px solid #d3d3d3;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .industryLayer .main .leftPart .chooseContain .titleArea{
    font-size: 18px;
    color:#393d40;
    height:50px;
    line-height: 50px;
    background-color: #f4f4f4;
    border-bottom:1px solid #d3d3d3;
  }
  .industryLayer .main .leftPart .chooseContain .titleArea span.first{
    width:160px;
    padding:0px 20px;
  }
  .industryLayer .main .leftPart .chooseContain .titleArea span.second{
    width:160px;
  }
  .industryLayer .main .leftPart .chooseContain .platName{
    width:120px;
    padding:0px 20px;
    margin-right:48px;
  }
  .industryLayer .main .leftPart .chooseContain .platName li{
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 30px;
  }
  .industryLayer .main .leftPart .chooseContain .industryType{
    width:60px;
    margin-right:100px;
  }
  .industryLayer .main .leftPart .chooseContain .industryType li{
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 30px;
  }
  .industryLayer .main .leftPart .chooseContain .chooseBox{
    width:45px;
    padding-right:20px;
  }
  .industryLayer .main .leftPart .chooseContain .chooseBox li{
    margin-top: 27px;
    font-size: 0px;
  }
  .industryLayer .main .rightPart{
    width:300px;
  }
  .industryLayer .main .rightPart .haveChosedTitle{
    margin-bottom: 8px;
    height:42px;
    line-height: 42px;
    font-size: 18px;
    color:#393d40;
  }
  .industryLayer .main .rightPart .haveChosed{
    height:340px;
    padding:0px 20px;
    border:1px solid #d3d3d3;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .industryLayer .main .rightPart .haveChosed li{
    margin-top: 30px;
  }
  .industryLayer .main .rightPart .haveChosed li .closeBtn{
    cursor: pointer;
    width:20px;
    height:20px;
    background-image: url(./lib/img/close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px 10px;
  }
</style>